<!-- 顶部 start -->
<div class="top box-sizing">
    <!-- 顶部导航 + 中间logo  + 底部菜单导航-->
    <div class="top-welcome box-sizing">
       <div class="container">
           <img src="/static/images/icon-topline.png" alt="">
           <span>你好，欢迎来到山东大众人才服务中心！</span>
       </div>
    </div>
    <!-- 中间logo  + 搜索框-->
    <div class="top-logo box-sizing">
       <div class="container flex-row justify-between">
           <div class="logo">
               <a href="/"><img src="/static/images/new_logo.png" style="height: 162px" alt="logo"></a>
           </div>
           <div class="search">
               <form action="/search" method="get">
                   <input type="text" name="keyword" placeholder="请输入关键字" class="layui-input">
                   <!-- 图片按钮 -->
                     <button type="submit" class="search-btn">
                          <img src="/static/images/icon-search.png" alt="search">
                     </button>
               </form>
           </div>
       </div>
    </div>
    <!-- 底部菜单导航-->
    <div class="top-nav">
        <ul class="container" id="top-nav">
            <!-- 首页 中心概况 政策解读 留学资讯 留学就业 人才交流 留学指南 教育培训 -->
            <!-- 如果  active == 1  则添加 active 类名 -->
            <li {if $catid == 1}class="active"{/if}><img src="/static/images/icon-nav01.png" alt="首页"/><a href="/">首页</a></li>
            <li {if $catid == 2}class="active"{/if}><a href="/center"><img src="/static/images/icon-nav02.png" alt="首页"/>中心概况</a></li>
            <li {if $catid == 23}class="active"{/if}><a href="/policy"><img src="/static/images/icon-nav03.png" alt="首页"/>政策解读</a></li>
            <li {if $catid == 20}class="active"{/if}><a href="/news"><img src="/static/images/icon-nav04.png" alt="首页"/>留学资讯</a></li>
            <li {if $catid == 5}class="active"{/if}><a href="/job"><img src="/static/images/icon-nav05.png" alt="首页"/>融媒体中心</a></li>
            <li {if $catid == 6}class="active"{/if}><a href="/exchange"><img src="/static/images/icon-nav06.png" alt="首页"/>最新动态</a></li>
            <li {if $catid == 7}class="active"{/if}><a href="/guide"><img src="/static/images/icon-nav07.png" alt="首页"/>分支机构</a></li>
            <li {if $catid == 8 ||  $catid == 100 }class="active"{/if}><a href="/train"><img src="/static/images/icon-nav08.png" alt="首页"/>教育测评</a></li>
        </ul>
    </div>
</div>